<template>
  <div
    flex-col-center
    h-120
    p-12
    rd-4
    cursor-pointer
    b="1 #efeff5"
    dark="b-#ffffff17"
    hover:shadow-sm
  >
    <svg-icon :icon="icon" :style="{ color: iconColor }" class="text-30" />
    <p py-8 text-16>{{ label }}</p>
  </div>
</template>

<script setup lang="ts">
interface Props {
  /** 快捷操作名称 */
  label: string;
  /** 图标 */
  icon: string;
  /** 图标颜色 */
  iconColor: string;
}

defineProps<Props>();
</script>

<style scoped></style>
